@charset "utf-8";
.banner{}

/*title样式*/
/* .qctit1{text-align:center;padding:50px 0;} */
.qctit1{text-align:center;padding:25px 0;}
.qctit1 .qctitb{font-size:25px;color:#666;line-height:50px;}
.qctit1 .qctite{color:#aaa;text-transform:uppercase;}

.swbanner{    width: 100%;max-width: 1920px;margin: 0 auto;}

.wxdz{margin:0 auto;overflow: hidden;}
.wxdz1{margin:0 auto; margin-bottom:30px;overflow: hidden;text-align:center;}
.wxdz1 ul li{display: block; width:20%; float: left;     margin-bottom: 30px;}
.wxdz1 ul li h2{width:100%;font-size: 18px; text-align: center; line-height: 60px;}
.wxdz1 ul li p{width:100%;display: block; margin: auto; font-size: 13px;  line-height: 20px;text-align:center;}
.wxdz1 ul li a{color:#999;display:block;}
.wxdz1 ul li a .wxdz{width:103px;height:100px;margin:0 auto;}
.wxdz1 ul li a .wxdz1_a_1{background:url(../images/icon1.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_2{background:url(../images/icon2.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_3{background:url(../images/icon3.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_4{background:url(../images/icon4.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_5{background:url(../images/icon5.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_6{background:url(../images/icon6.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_7{background:url(../images/icon7.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_8{background:url(../images/icon8.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_9{background:url(../images/icon9.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_10{background:url(../images/icon10.png) no-repeat;}
.wxdz1 ul li a:hover{color:#0268ee;}
.wxdz1 ul li a:hover .wxdz1_a_1{background:url(../images/icon11.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_2{background:url(../images/icon22.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_3{background:url(../images/icon33.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_4{background:url(../images/icon44.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_5{background:url(../images/icon55.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_6{background:url(../images/icon66.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_7{background:url(../images/icon77.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_8{background:url(../images/icon88.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_9{background:url(../images/icon99.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_10{background:url(../images/icon1010.png) no-repeat;}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}

/*项目案例*/
.xmex{background:#f8f8f8;}
.sspcon .swiper-container {width: 98%;height: auto;margin-left: auto;margin-right: auto;}
.sspcon .spbutton{width:24px; height:24px;position:absolute;top:102%;}
.sspcon .swiper-button-prev{left:42%;background:url(../images/jiantou.png) no-repeat;background-position:-8px -47px;}
.sspcon .swiper-button-next{right:42%;background:url(../images/jiantou.png) no-repeat;background-position:-47px -47px;}
.moreimg{width:22px; height:58px;margin:0px auto 40px;}
.moreimg a.moreimga{width:22px; height:18px;display:block; background:url(../images/icon.png) no-repeat;background-position:-20px -20px;position:absolute; left:50%;top: 99.6%;margin-left:-11px;}
.moreimg a.moreimga:hover{background-position:-20px -64px;}

.sspcon{position:relative;}
.sspcon .swiper-slide{}
/* .sspcon .swiper-slide a{width:288px;height:320px;display:block;border-bottom:1px #eee solid;} */
.sspcon .swiper-slide a{width:100%;height:334px;display:block;border-bottom:1px #eee solid;margin-bottom:10px;}
.sspcon .swiper-slide a:hover{border-bottom:1px #ccc solid;}
.sspcon .swiper-slide img{/* width:288px; */width: 100%; height:288px;}

/* .extit{margin-top:30px;} */
.extit{margin-bottom: 10px;}
.extitt{font-size:16px;color:#666;line-height:30px;}
.extitc{font-size:14px;color:#ccc;line-height:25px;}

.sspcon .swiper-slide a .show{width:288px;height:288px;background: rgba(0, 0, 0, 0.2);opacity: 0;position:absolute;top:0;left:0;}
.sspcon .swiper-slide a .show .imgArea img{width:54px; height:54px; display:block;
 position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:-27px;}
.sspcon .swiper-slide a:hover .show{opacity: 1;filter:alpha(opacity=100);}
.sspcon .swiper-slide a:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}

/*列表页*/
.proli{position:relative;}
.prolist .proli{float: left;margin-right: 15px;margin-bottom:15px;}
.prolist .proli:nth-child(4n){margin-right:0;}
.prolist .proli a{width:288px;height:334px;display:block;border-bottom:1px #eee solid;}
.prolist .proli a:hover{border-bottom:1px #ccc solid;}
.prolist .proli img{width:288px;height:288px;}

.prolist .proli a .show{width:288px;height:288px;background: rgba(0, 0, 0, 0.2);opacity: 0;position:absolute;top:0;left:0;}
.prolist .proli a .show .imgArea img{width:54px; height:54px; display:block;
 position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:-27px;}
.prolist .proli a:hover .show{opacity: 1;filter:alpha(opacity=100);}
.prolist .proli a:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.prolist .proli a:hover .show img {transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2); 	/* IE 9 */-moz-transform:scale(1.2, 1.2); 	/* Firefox */-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */-o-transform:scale(1.2, 1.2); 	/* Opera */}

/*about*/
.about{margin:60px auto;}
.aboutleft{width:55%;margin-top:30px;position:relative;}
.aboutright{width:35%;text-align:center;}
.aboutright img{max-width:100%;}

.qctit2 .qctitb{font-size:22px;color:#666;line-height:50px;}
.qctit2 .qctite{color:#aaa;text-transform:uppercase;}

.aboutldes{height:180px;margin-top:20px;line-height: 25px;overflow: hidden;}
.moreimg2{width:100%;text-align:right;}
.moreimg2 a{width:108px; height:20px;display:inline-block; background:url(../images/jiantou.png) no-repeat;background-position:0 -102px;border:1px #ccc solid;}
.moreimg2 a:hover{background-position:0 -132px;}


/*合作流程*/
.helc{/* height:538px; */   background:url('../images/BJ.jpg') no-repeat center; background-size: 100% 100%;}
.helcont{text-align:center;position:relative;}
/* .helclc p{width:180px;height:30px;line-height:30px;font-size:20px;color:#fff;position:absolute;}
.helclc .p1{left:4.5%;top:-2%;}
.helclc .p3{left:23.5%;top:-2%;}
.helclc .p5{left:42%;top:-2%;}
.helclc .p7{left:61%;top:-2%;}
.helclc .p9{left:79.5%;top:-2%;}
.helclc .p2{left:14%;top:90%;}
.helclc .p4{left:33%;top:90%;}
.helclc .p6{left:52%;top:90%;}
.helclc .p8{left:71%;top:90%;} */

/*新闻*/
.newsle{width:48%;height:380px;float:left;}
.newsri{width:48%;height:380px;float:right;}
.newsle_pic img{width:100%;display:block;}
.newsle_pic .span{line-height:40px;font-size:16px;text-indent:20px;background:rgba(0,0,0,0.4);position:relative;top:-40px;}
.newsle_pic .span a{color:#fff;}
.newsri_li2_list{padding:12px 0;}
.newsri_li2_list .newslep_title a{color:#000;}
.newsri_li2_list .newslep_title{font-size:16px;line-height:50px;border-bottom:1px solid #ccc;  background: url(../images/xian.jpg) no-repeat 0px 49px;}
.newsri_li2_list .newslep_title span{float:right;}
.newsri_li2_list .newslep_con{margin-top:16px;color:#999;}
.news .moreimg2{text-align:center;}

/*底部*/
.contact{width:100%;height:389px;background: #000 url(../images/footerbg.jpg) no-repeat center 0;color:#999;}
.con{height:120px;padding-top:120px;border-bottom:1px solid #ccc;}
.con1{width:76%;}
.con1 a{color:#999;}
.con2{width:20%;}
.con .conx{width:.33%;float:left;height:60px;border-right:1px #999 solid;margin-top:30px;margin-top:50px;}
.con1 .p1{line-height:70px;font-size:22px;}
.con1 .p3 a{line-height:36px;width:100px;display:inline-block;}
.con2 p{width:120px;line-height:30px;text-align: center;}
.con2 img{width:100px;display:inline;vertical-align:middle;padding:0 8px;}


/*内页标题样式*/
.columnt .tit-i{text-align: center;padding: 50px 0;line-height: 36px;overflow: hidden;}
.columnt .tit-i h3 {font-size: 30px; color: #f0a024; margin-bottom: 10px;}
.columnt .tit-i h5 { font-size: 20px;color: #ccc;text-transform: uppercase;font-family: Arial;}

/*筛选条件*/
.product-nav{ width:100%; height:auto; overflow:hidden; display:block; }
.select{ width:100%; height:auto; overflow:hidden; display:block;}
.select{border-bottom:#eee 1px solid;line-height:50px;}
.select a.selectt{font-weight: 900;}
.select a{display:inline-block;white-space:nowrap;height:50px;padding:0 6px;text-decoration:none;color:#039;border-radius:2px; color:#929292; font-size:16px;}
.select a:hover{color:#0268ee;}

/*新闻二级页面*/
.columnnews ul.ulcn li{width:46.5%;height:120px;margin:10px;padding:5px;background:#f8f8f8;float:left;overflow:hidden;}
.columnnews ul.ulcn li:hover{background:#eee;}
.columnnews ul.ulcn .newsle_li_le{width:33%;}
.columnnews ul.ulcn .newsle_li_le img{width:100%;height:120px;border:1px #fff solid;}
.columnnews ul.ulcn .newslep_title{line-height:40px;}
.columnnews ul.ulcn .newsle_li_ri{width:64%;}

/*新闻三级页面*/
.newsinfo{ height:auto; overflow:hidden; display:block;  margin-bottom:50px;}
.newsinfo-rei{ padding:40px;}
.newsinfo-wz{ width:100%; height:auto; overflow:hidden; display:block; font-size:14px;}
.newsinfo-wz a{ color:#f0a024; margin-right:5px;}
.newsinfo-wz a:hover{ }
.newsinfo-wz span{ margin-left:5px;}
.newsinfo-bt{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; border-bottom:1px dotted #717171; margin-top:35px; margin-bottom:20px;}
.newsinfo-bt h2{ font-weight:normal; font-size:24px;}
.newsinfo-bt p{ color:#828282; font-size:14px; line-height:60px;}
.mewsinfo-rei-txt{ width:100%; height:auto; overflow:hidden; display:block;}


/*分页*/
.pagestyle{margin:20px 0;}
.pagestyle a{border:1px #999 solid;color:#999;padding: 0 4px;margin:0 5px;}
.pagestyle .current{background: #999;color:#fff;padding: 0 4px;margin:0 5px;}


.swcon{float: left;}
.swcon .swiper-slide {background-size: cover; background-position: center;}
 .swcon .gallery-top{height: 80%; width: 100%;width:582px;height:364px;margin-top: 30px;}
 .swcon .gallery-top img{width:100%;}
 .swcon .gallery-thumbs{height: 20%; width:582px;box-sizing: border-box; padding: 10px 0;} 
 .swcon .gallery-thumbs .swiper-slide{width: 25%; height: 100%; opacity: 0.4;} 
 .swcon .gallery-thumbs .swiper-slide img{width: 100%;height: 100%; }
 .swcon .gallery-thumbs .swiper-slide-thumb-active{opacity: 1;}

.oxides{width:1200px;height: 30px;line-height: 30px;background-color:#a5ccff;margin-top: 20px;margin-bottom: 20px;}
.oxides p{text-align:center;width:100px;height: 30px;background-color: #0268ee;color:#fff;font-size: 16px;}
.container_content img{width:auto !important; height: auto !important;max-width: 100% !important}
.swconri{float: right;width:558px;height:500px;line-height: 50px;font-size:18px;position: relative;}
.swconri .title{line-height: 180px;font-size: 30px;font-weight: 900;}
.swconri .btn{position: absolute;bottom: 0;left:0;}
.swconri .btn a{text-align:center;width:180px;font-size:22px;height: 50px;background-color: #eccb98;color: #fff;display: inline-block;}
.swiper-pagination-bullet-active {background: #0268ee;}
.container_content{    padding-bottom: 50px;}